body {
    background-color: #eee;
}

.side-nav .logo-sn {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.side-nav .logo-sn img {
    height: 38px;
}

.side-nav .search-form input[type=text] {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.accordion .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  
  .accordion .card .card-body {
    border-top: 1px solid #eee;
  }


  /*Sales Dashboard New*/

.perfCards {
    margin: 1rem;
    padding-top:1px;
}


.progress, .progress .progress-bar {
    height: 15px;
}

    .progress .progress-bar {
        animation-name: animateBar;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 2s;
    }

.progress-bar-title {
    position: absolute;
    text-align: center;
    line-height: 15px; /* line-height should be equal to bar height */
    overflow: hidden;
    color: darkorange;
    right: 0;
    left: 0;
    top: 0;
}

@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.perfCard:first-child {
    background-color: orange;
    color: white;
}



.perfCard {
    width: 310px;
    float: left;
    margin: 1px;
    border: 1px solid #708090;
    padding: 15px;
    border-radius: 3px;
    background-color: #758eb0;
}

@supports (display: grid) {
    .perfCards {
        margin: 1rem;
    }

    .perfCards {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 1px;
    }
}

.righttext {
    float: right;
}

.righttext {
    float: left;
}
.tooltip > .tooltip-inner {
    background-color: #eebf3f;
    padding: 5px 15px;
    color: rgb(23,44,66);
    font-weight: bold;
    font-size: 13px;
}

.popOver + .tooltip > .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #eebf3f;
}